<template>
<!-- 控制元素横向成垂直居中 -->
  <div class="empty-container">
    <Icon type="empty"></Icon>
    <p>{{text}}</p>
  </div>
</template>

<script>
import Icon from '../Icon/index.vue'
  export default {
     props: {
      text:{
        type:String,
        required: false,
        default: "无数据"
      }
    },
    components: {
        Icon
    }
  }
</script>

<style lang="less" scoped>
@import url("~@/style/mixin.less");
.empty-container{
  .self-center();
  text-align: center;
}
.icon-container{
  font-size: 70px;
}
</style>